<%@ page language="java" pageEncoding="UTF-8"
	errorPage="../../defaultException.jsp"%>
<%@include file="../../tags.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>添加新闻图文信息</title>
<%@include file="../../head.jsp"%>
</head>
<body>
	<form id="fm" method="post" enctype="multipart/form-data">

		<table class="fitem">
			<tr>
				<td><label>中文标题:</label></td>
				<td><input type="text" name="zhname" data-options="validType:'length[0,64]'" 
						class="easyui-validatebox" ></td>
			</tr>
			<tr>
				<td><label>英文标题:</label></td>
				<td><input type="text" name="enname" data-options="validType:'length[0,128]'" 
						class="easyui-validatebox" ></td>
			</tr>
			<tr>
				<td><label>图片描述:</label>
				</td>
				<td><textarea name="content" id="content" data-options="validType:'length[0,2048]'"
						class="easyui-validatebox" style="width:392px;height:80px"/>
				</td>
			</tr>
			<tr>
				<td><label>添加图片</label></td>
				<td><input id="addFile" type="button" value="添加图片" /></td>
			</tr>
		</table>
		<table id="fileTable">
			<tr>
				<td><input name="imageFiles" type="file" class="easyui-validatebox" required="true"/>
				</td>
			</tr>
			<tr>
				<td><input name="imageFiles" type="file" class="easyui-validatebox" />
				</td>
			</tr>
		</table>
	</form>
<script>
$(function() {
	//add more file components if Add is clicked
	$('#addFile').click(function() {
		var fileIndex = $('#fileTable tr').length;
		$('#fileTable').append(
				'<tr><td>'+
				'	<input type="file" name="imageFiles" />'+
				'</td></tr>');
	});
	
});
$('#content').ceditor();
</script>
	
	<style type="text/css">
			#fm {
				margin: 0;
				padding: 40px 40px;
			}
			
			.ftitle {
				font-size: 14px;
				font-weight: bold;
				padding: 5px 0;
				margin-bottom: 10px;
				border-bottom: 1px solid #ccc;
			}
			
			.fitem {
				margin-bottom: 5px;
			}
			
			.fitem label {
				display: inline-block;
				width: 90px;
			}
			
		 </style>
</body>
</html>